<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="referrer" content="no-referrer">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title></title>
	<link rel="stylesheet" href="//at.alicdn.com/t/font_814417_hn03qizc38i.css">
	<!-- build:css css/index.css -->
	<link rel="stylesheet" type="text/css" href="css/html5-doctor-reset-stylesheet.min.css" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<!-- endbuild -->
	<!-- build:js js/flexible.js -->
	<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
	<!-- endbuild -->
</head>

<body>
	<!-- openid -->
	<input type="hidden" id="openid" name="openid" th:value="${openid}">
	<!-- 月份 -->
	<input type="hidden" id="month" name="month" th:value="${month}">
	<!-- 播放音乐编号 -->
	<input type="hidden" id="last_music_no" th:value="${last_music_no}">
	<!-- 提示天 -->
	<input type="hidden" id="pregnancy_days" th:value="${pregnancy_days}">
	<!-- 提示周 -->
	<input type="hidden" id="pregnancy_weektps" th:value="${pregnancy_weektps}">
	<!-- 预产期 -->
	<input type="hidden" id="pregnancy_childbirth_date" th:value="${pregnancy_childbirth_date}">
	<!-- 剩余天数 -->
	<input type="hidden" id="pregnancy_remain_days" th:value="${pregnancy_remain_days}">

	<!-- wxConfig -->
	<input type="hidden" id="appid" th:value="${appid}">
	<input type="hidden" id="timestamp" th:value="${timestamp}">
	<input type="hidden" id="nonceStr" th:value="${nonceStr}">
	<input type="hidden" id="signature" th:value="${signature}">

	<header>
		<div class="singer" style="display: none;"></div>
		<p class="singer" style="font-size: 14px;">本次胎教时间：<span id="usetime">00:00</span></p>
	</header>
	<div class="content">
		<div class="record-wrapper" style="display: block;">
			<div class="record-bg mid">
				<div class="record-pic mid">
					<img src="images/pic.jpg">
				</div>
			</div>
			<h1 class="song-title"></h1>
		</div>

		<div class="lyrics-wrapper" style="display: none;">
			<ul class="lyrics"></ul>
		</div>
	</div>
	<footer>
		<div class="channel" style="visibility: hidden;" data-channel-id="">1</div>
		<div class="progress-bar">
			<div class="progress"></div>
			<div class="progress-btn"></div>

		</div>
		<div class="btns">
			<div class="mode icon-sides"></div>
			<div class="change-channel icon-middle"></div>
			<div class="play"></div>
			<div class="next icon-middle"></div>
			<div class="show-lyrics icon-sides"></div>
		</div>
	</footer>
	<div class="glass">
		<img src="/images/pic.jpg">
	</div>
	<audio id="mic_audio" autoplay></audio>
	<div class="music-menu-content">
		<div class="musiclist">
			<ul class="container">

			</ul>
		</div>
	</div>
	<div class="dialog dialog-info  hide">
		<div class="dialog-content">
			<button class="close-btn"><i class="iconfont icon-guanbi"></i></button>
			<div class="c">
				<p>今天：<span class="date"></span></p>
				<p>您已怀孕：<span class="pregnancy_days"></span>天（<span class="pregnancy_weektps"></span>）</p>
				<p>预产期：<span class="pregnancy_childbirth_date"></span></p>
				<p>距离预产期：<span class="pregnancy_remain_days"></span>天</p>
				<!-- <p>已为您推送胎教服务：3次</p> -->
			</div>
		</div>
	</div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<!-- build:js js/index.js -->
<script src="./js/jquery.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>
<!-- endbuild -->

</html>